import Vue from 'vue'
import VueRouter from 'vue-router'
import Login from '../components/Login.vue'
import Home from '../components/Home.vue'
import Welcome from '../components/Welcome.vue'
import Users from '../components/user/Users.vue'
import Rights from '../components/power/Rights.vue'
import Roles from '../components/power/Roles.vue'

Vue.use(VueRouter)


const router =  new VueRouter({
  routes: [
    {path:'/',component:Login},
    { path:'/login', component: Login },
    { 
      path:'/home',
      component: Home ,
      redirect:'/welcome',
      children:[
        {path:'/welcome',component:Welcome},
        {path:'/users',component:Users},
        {path:'/rights',component:Rights},
        {path:'/roles',component:Roles}
    ]
    }
  ]
});

//挂载路由导航守卫
router.beforeEach((to,from,next)=>{
//to将要访问的路径
//from代表从哪个路径跳转过来
//next 是一个函数，表示放行
//next（）放行  next（‘/login’）强制跳转
  if(to.path==='/login'){
    return next();
  }else{
    //获取token
    const tokenStr =window.sessionStorage.getItem('token')
    if(!tokenStr){
      return next('login');
    }
    next()
  }
})

export default router